import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// node的模块是我们在安装node环境的时候自带的 , 但是因为是js环境，所以没有ts的类型声明，需要我们在写ts的项目的时候，自己下载一下
// 大部分的模块，都会有ts的类型声明 ，格式： @types/模块名称
// 如果希望node能在ts环境下使用，就需要下载 node 的类型声明  npm i -D @types/node
import path from 'path';

// 导入 用于自动导入 element-plus 的插件
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // 把这两个插件进行注册
    AutoImport({
    resolvers: [ElementPlusResolver()],
  }),
  Components({
    resolvers: [ElementPlusResolver()],
  }),],
  // 配置@路径别名
  resolve: {
    alias: {
      "@": path.join(__dirname,'./src')
    }
  },
  // 配置代理 - 应该是大家去 文档 查看
  server:{
    proxy:{
      '/api': {
        target: 'http://tech.wolfcode.cn:9082/mall-admin/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
})
